<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>产品详情</title>
    
     <link rel="stylesheet" href="../../css/amazeui.min.css">
     <link rel="stylesheet" href="../../css/amazeui.min.css">
     <link rel="stylesheet" href="css/shop.css">
    
    <style>
       .swipe-title-share{height:40px;width:40px;background:url(images/share.png) no-repeat;background-size:100%;position:absolute;right:10px;top:5px;}
    	ul, li {
		    overflow: hidden;
		    list-style: none;
		}
		
    	
    </style>
</head>
<body>


<div id='header' class="am-g am-topbar-fixed-top" >
	<div  onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height:14px;height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;">
		<h1>产品详情</h1>
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">

   </div>
</div>

<div class="am-g" style="margin-top: 60px;">

<div class="am-u-sm-12" style="text-align: center;border-bottom: 1px solid #eaedf1;padding: 10px">

  <img src=""  id="proDefImg" style="height: 200px" />

</div>



<div class="am-u-sm-12" style="margin-top:0px;font-size: 14px;">
	<div class="am-u-sm-12 " style="color:#FFFFFF;font-size:14px;font-family:微软雅黑;font-weight:bold;margin-top:5px;background-color: rgba(255,0,0,.7);height:48px;">
		<div class="am-u-sm-10" style="padding: 0px">
		  <span  id='pName'></span>
		</div>
		
		<div class="am-u-sm-2" style="padding: 0px;float: right">
		  <span class="swipe-title-share" style="float: right" id="swipe-title-share" onclick="swipe_title_share();"></span>
	    </div>
	</div>
	
	<div class="am-u-sm-12" style="margin-top: 10px">
		价格：<span id="pprice" style="color: red"></span>
	</div>
	
	<div class="am-u-sm-12" style="margin-top: 10px" id="isfreefreight">
		<!--包邮：-->
	</div>
	
	<div class="am-u-sm-12" style="margin-top: 10px" id="pspec">
		<!--规格：-->
	</div>
	
	<div class="am-u-sm-12" style="margin-top: 10px" id="brand">
		<!--品牌：-->
	</div>
	
	<div class="am-u-sm-12" style="margin-top: 10px" id="place">
		<!--产地：-->
	</div>
	
	<div class="am-u-sm-12" style="margin-top: 20px">
	      <!--点击查看简介与评论-->
	  <div class="am-u-sm-12" style="padding: 0px">
		   <div class="lui-tab" >
		        <ul class="lui-tab-nav" id="tab">
		            <li class="active" name="prodetail">简介</li>
		            <li name="procomment">评论</li>
		        </ul>
		    </div>
	  </div>
   	<div class="am-g" style="margin-top: 100px;margin-bottom: 55px" id="tabmain">
 
		<!--简介-->
		<div class="am-u-sm-12 tabcontent activeTab" style="padding:0px;font-size:14px;" id="prodetail">
		
		</div>
 
 
 
 
		 <!--评论-->
		<div class="am-u-sm-12 tabcontent" id="procomment">
		 
			
		 
		 </div>
 </div>
	
	
	
	
	
	
	
</div>
	

<div  class="am-g am-topbar-fixed-bottom" id="buy_btn" style="background:#eaedf1;padding:5px;">
		<div class="am-u-sm-12">
			<div class="am-u-sm-6" style="margin-left: -5px;">
					数量：
				
					
		        		<div class="tap aui-counter lui-num" style="margin-left: 4px;">
		            		<div class="aui-counter-minus" id="reduce" onclick="reduce()"></div>
		            				<input id="buyNum" class="aui-counter-input" readonly  type="text" value="1">
		            		<div class="tap aui-counter-plus active" id="add" onclick="add()"></div>
		        		</div>
		   			
			</div>
			<div class="am-u-sm-3" id="buy_but">
				<button type="button" onclick="buy();" style="border-radius:5px; margin-left: -20px;" class="am-btn am-btn-primary am-btn-block">
					直接购买
				</button>
			</div>
			<div class="am-u-sm-3" id="cart_but">
				<button type="button" onclick="addCrat();" style="border-radius:5px;margin-left: -16px; width: 100px;" class="am-btn am-btn-primary am-btn-block">
					加入购物车
				</button>
			</div>
		</div>
	</div>
</div>
			



	
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="js/productinfo.js"></script>

</html>